<!DOCTYPE html>
<html>
	<head>
		<include file="head" />
		
		<title>按房价查找</title>

		<style type="text/css">

			body {
				background-color: #271a40;
				margin: 0;
			}
			
			#content {
				background-color: white;
				text-align: center;
				font: normal 16px arial;
			}
			
			a {
				text-decoration: none;
				font: bold 16px arial;
				color: #664f8c;
			}
			
			.button {
				background-color: rgb(103, 81, 140);
				padding: 10px;
				border-radius: 3px;
				color: white;
				text-align: center;
				margin: 10px;
			}
			
			.tab {
				background-color: rgb(206, 206, 206);
				margin: 0px;
				height: 55px;
			}
			
			.tab span {
				text-align: center;
				width: 40%;
				margin: 10px;
			}
			
			.tab ul li {
				float: left;
				height: 30px;
				border: 1px solid #d7dde6;
				background: #f6f6f6;
				font-size: 14px;
				line-height: 30px;
				display: inline;
				cursor: pointer;
				white-space: nowrap;
				width: 40%;
				text-align:center;
				font normal 16px arial;
				border: 1px solid rgb(102,79,141);
			}
			.tab ul li a{
				color:rgb(102,79,141);
			}
			.tab ul li.current {
				background: rgb(102,79,141);
				font-weight: bold;
				line-height: 28px;
				border-bottom: none;
				height: 31px;
				cursor: default;
				color: white;
			}
			.tab ul li.current a{
				color: white;
			}
			li.left{
				margin: 10px 0 0 5%;
				border-radius: 5px 0 0 5px;
			}
			li.right{
				margin: 10px 10% 0 0;
				border-radius: 0 5px 5px 0;
			}
			
			.rooms{
				margin: 20px;
				margin-top:10px;
				margin-bottom: 5px;
			}
			.price{				
				background-image: url({cms>:$imagePath}/policy_05.png);
				background-repeat: no-repeat;
				background-position-x: right;
				background-position-y: 3px;
				background-size: 23px;			
			}
			.boder {
				height: 25px;
				background-color: rgb(206, 206, 206);
			}
			.wrap{
				background-color: #271a40;
				display: none;
			}
			.desc{
				background-color: white;
				border-top: solid 1px;
				border-bottom: solid 1px;
				margin: 0 10px;
				color: rgb(126, 80, 78);
				font-size: 12px;
			}
			.desc p{
				padding: 0 10px;
			}
			p.title{
				font-size: 16px;
			}
		</style>
	</head>
	
	<body>
		<div id="content" style="margin: 5px;margin-bottom: 10px;line-height: 30px;text-align: left;">	
			<div style="height: 15px;"><pre>  </pre></div>
			<div class="tab">
				<ul>
					<li class="current tabli left" id="tab0"><a href="">按房价查找</a></li>
					<li class="tabli right" id="tab1"><a href="{cms>:U('Booking/choosebyroom',array('openid'=>$openid))}">按客房查找</a></li>
				</ul>
			</div>
			<div class="rooms">
				<p style="border-bottom: solid 1px gray;">九折优惠-预付房价</p>
				<p style="color: rgb(102,79,141);margin: 0;">显示1000元起的客房</p>
				<p class="price" style="color: rgb(102,79,141);margin: 0;">CNY 1,620.00</p>
			</div>
			<div class="wrap">
				<div class="desc">
					<p class="title">弹性房价+早餐</p>
					<p>含每日最多两人份早餐。可在抵达之前更改或取消此预订；请参阅条款及细则链接以了解取消政策。</p>
					<ul>
						<li>更改/取消罚金</li>
						<li>不需要支付押金</li>
					</ul>
				</div>
			</div>
			<div class="boder"></div>
			<div class="rooms">
				<p style="border-bottom: solid 1px gray;">九折优惠-预付房价</p>
				<p style="color: rgb(102,79,141);margin: 0;">显示1000元起的客房</p>
				<p class="price" style="color: rgb(102,79,141);margin: 0;">CNY 1,620.00</p>
			</div>
			<div class="wrap">
				<div class="desc">
					<p class="title">弹性房价+早餐</p>
					<p>含每日最多两人份早餐。可在抵达之前更改或取消此预订；请参阅条款及细则链接以了解取消政策。</p>
					<ul>
						<li>更改/取消罚金</li>
						<li>不需要支付押金</li>
					</ul>
				</div>
			</div>
			<div class="boder"></div>
			<div class="rooms">
				<p style="border-bottom: solid 1px gray;">九折优惠-预付房价</p>
				<p style="color: rgb(102,79,141);margin: 0;">显示1000元起的客房</p>
				<p class="price" style="color: rgb(102,79,141);margin: 0;">CNY 1,620.00</p>
			</div>
			<div class="wrap">
				<div class="desc">
					<p class="title">弹性房价+早餐</p>
					<p>含每日最多两人份早餐。可在抵达之前更改或取消此预订；请参阅条款及细则链接以了解取消政策。</p>
					<ul>
						<li>更改/取消罚金</li>
						<li>不需要支付押金</li>
					</ul>
				</div>
			</div>
			<div class="boder"></div>
			<div class="rooms">
				<p style="border-bottom: solid 1px gray;">九折优惠-预付房价</p>
				<p style="color: rgb(102,79,141);margin: 0;">显示1000元起的客房</p>
				<p class="price" style="color: rgb(102,79,141);margin: 0;">CNY 1,620.00</p>
			</div>
			<div class="wrap">
				<div class="desc">
					<p class="title">弹性房价+早餐</p>
					<p>含每日最多两人份早餐。可在抵达之前更改或取消此预订；请参阅条款及细则链接以了解取消政策。</p>
					<ul>
						<li>更改/取消罚金</li>
						<li>不需要支付押金</li>
					</ul>
				</div>
			</div>
			<div class="boder"></div>
		</div>
		
	<script type="text/javascript">
		  $(document).ready(function(){		  
		     $(".price").click(function(){
		    	 var wrap = $(this).parent().next();
		    	 if(wrap.css("display") == "none"){
		    		 wrap.css("display", "block");
		    		 $(this).addClass('down');
		    	 }else{
		    		 wrap.css("display", "none");
		    		 $(this).removeClass('down');
		    	 }
			 });
		     
		  })
		</script>
		
<include file="Other:footer"/>